<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "保险分类");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style>
	.weui-navbar {
		z-index: 0;
	}
	.grey-link-title {
		color: #717A84;
	}
	.grey-link-title > img{
	}
	.text-left {
		text-align: left;
	}
	.weui-grids:before{
		border: 0;
	}
	.weui-grids:after{
		border: 0;
	}
	.weui-grid:before{
		border: 0;
	}
	.weui-grid:after {
		border: 0;
	}
	.width-10 {
		width: 10% !important;
		padding: 20px 0;
		text-align: center;
	}
	.width-45 {
		width: 45% !important;
	}
	.left-icon {
		max-width: 1.5rem;
	}
	.big-grid__icon {
		width: 3rem;
		height: 3rem;
	}
	.xbig-grid__icon {
		width: 5rem;
		height: 3rem;
	}
	.weui-navbar__item {
		color: #666;
	}
	.weui-navbar__item.weui-bar__item--on {
		color: #000;
	}
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="weui-tab">
	<div class="weui-navbar">
		<a class="weui-navbar__item weui-bar__item--on" href="#tab1"> 按险种</a> 
		<a class="weui-navbar__item" href="#tab2"> 按人群 </a>
		<a class="weui-navbar__item" href="#tab3"> 按公司 </a>
	</div>
	<div class="weui-tab__bd">
	
		<!-- Tab 1 -->
		<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
			<div class="weui-panel weui-panel_access">
				<div class="weui-panel__bd">
		          <div class="weui-media-box weui-media-box_text">
		          	<header class="formated-header">
		          		<div class="weui-grids">
			            	<a href="#" class="weui-grid js_grid width-10">
						   		<img class="left-icon" alt="" src="<c:url value="/images/we/insuranceClassify/money.png" />">
						    </a>
			            	<a href="#" class="weui-grid js_grid text-left">财产险</a>
		           		</div>
		          	</header>
		            <div class="weui-grids">
		            	<a href="#" class="weui-grid js_grid width-10">
					        <p class="weui-grid__label"></p>
					    </a>
		            	<a href="<c:url value='/testFirstThree/productList'/>" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">个人账户保障险</p>
					    </a>
					    <a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">家财险</p>
					    </a>
		            </div>
		          </div>
		        </div>
		        <div style="width:100%;height:16px;background-color: #ebebeb;"></div>
		        
		        <div class="weui-panel__bd">
		          <div class="weui-media-box weui-media-box_text">
		          	<header class="formated-header">
		          		<div class="weui-grids">
			            	<a href="#" class="weui-grid js_grid width-10">
						   		<img class="left-icon" alt="" src="<c:url value="/images/we/insuranceClassify/money-plus.png" />">
						    </a>
			            	<a href="#" class="weui-grid js_grid text-left">理财险</a>
		           		</div>
		          	</header>
		            <div class="weui-grids">
		            	<a href="#" class="weui-grid js_grid width-10">
					        <p class="weui-grid__label"></p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">养老金保险</p>
					    </a>
		            </div>
		          </div>
		        </div>
		        <div style="width:100%;height:16px;background-color: #ebebeb;"></div>
		        
		        <div class="weui-panel__bd">
		          <div class="weui-media-box weui-media-box_text">
		          	<header class="formated-header">
		          		<div class="weui-grids">
			            	<a href="#" class="weui-grid js_grid width-10">
						   		<img class="left-icon" alt="" src="<c:url value="/images/we/insuranceClassify/ambulance.png" />">
						    </a>
			            	<a href="#" class="weui-grid js_grid text-left">健康险</a>
		           		</div>
		          	</header>
		            <div class="weui-grids">
		            	<a href="#" class="weui-grid js_grid width-10">
					        <p class="weui-grid__label"></p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">护理保险</p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">疾病保险</p>
					    </a>
					    <a href="#" class="weui-grid js_grid width-10">
					        <p class="weui-grid__label text-left"></p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">重大疾病险</p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">住院医疗保险</p>
					    </a>
		            </div>
		          </div>
		        </div>
		        <div style="width:100%;height:16px;background-color: #ebebeb;"></div>
		        
		        <div class="weui-panel__bd">
		          <div class="weui-media-box weui-media-box_text">
		          	<header class="formated-header">
		          		<div class="weui-grids">
			            	<a href="#" class="weui-grid js_grid width-10">
						   		<img class="left-icon" alt="" src="<c:url value="/images/we/insuranceClassify/ambulance.png" />">
						    </a>
			            	<a href="#" class="weui-grid js_grid text-left">意外险</a>
		           		</div>
		          	</header>
		            <div class="weui-grids text-left">
		            	<a href="#" class="weui-grid js_grid width-10">
					        <p class="weui-grid__label"></p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">交通意外险</p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">航空意外险</p>
					    </a>
					    <a href="#" class="weui-grid js_grid width-10">
					        <p class="weui-grid__label"></p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">人身意外险</p>
					    </a>
		            	<a href="#" class="weui-grid width-45 js_grid">
					        <p class="weui-grid__label text-left">旅游意外险</p>
					    </a>
		            </div>
		          </div>
		        </div>
		        <div style="width:100%;height:16px;background-color: #ebebeb;"></div>
     		</div>
		</div>
		
		<!-- Tab 2 -->
		<div id="tab2" class="weui-tab__bd-item">
			<div class="weui-grids">
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon big-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/baby.png" />">
        			</div>
        			<p class="weui-grid__label">儿童</p>
				</a>
				<a href="#" class="weui-grid js_grid">
        			<div class="weui-grid__icon big-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/child.png" />">
        			</div>
        			<p class="weui-grid__label">少年</p>
				</a>
				<a href="#" class="weui-grid js_grid">
        			<div class="weui-grid__icon big-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/teenager.png" />">
        			</div>
        			<p class="weui-grid__label">青年</p>
				</a>
				<a href="#" class="weui-grid js_grid">
        			<div class="weui-grid__icon big-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/middle-age.png" />">
        			</div>
        			<p class="weui-grid__label">中年</p>
				</a>
				<a href="#" class="weui-grid js_grid">
        			<div class="weui-grid__icon big-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/old.png" />">
        			</div>
        			<p class="weui-grid__label">老年</p>
				</a>
				<a href="#" class="weui-grid js_grid">
        			<div class="weui-grid__icon big-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/student.png" />">
        			</div>
        			<p class="weui-grid__label">学生</p>
				</a>
				<a href="#" class="weui-grid js_grid">
        			<div class="weui-grid__icon big-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/carstudent.png" />">
        			</div>
        			<p class="weui-grid__label">驾校学生</p>
				</a>
			</div>
		</div>
		
		<!-- Tab 3 -->
		<div id="tab3" class="weui-tab__bd-item">
			<div class="weui-grids">
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/hengqinrenshou.png" />">
        			</div>
        			<p class="weui-grid__label">横琴人寿</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/taipingyangbaoxian.png" />">
        			</div>
        			<p class="weui-grid__label">太平洋财险</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/yangguangbaoxian.png" />">
        			</div>
        			<p class="weui-grid__label">阳光财险</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/zhongguorenminbaoxian.png" />">
        			</div>
        			<p class="weui-grid__label">人保寿险</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/xinhuabaoxian.png" />">
        			</div>
        			<p class="weui-grid__label">新华保险</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/zhongguopingan.png" />">
        			</div>
        			<p class="weui-grid__label">中国平安</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/zhongguorenshou.png" />">
        			</div>
        			<p class="weui-grid__label">中国人寿</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/taikangrenshou.png" />">
        			</div>
        			<p class="weui-grid__label">泰康人寿</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/hezhongrenshou.png" />">
        			</div>
        			<p class="weui-grid__label">合众人寿</p>
				</a>
				<a href="#l" class="weui-grid js_grid">
        			<div class="weui-grid__icon xbig-grid__icon">
           				<img alt="" src="<c:url value="/images/we/insuranceClassify/tiananbaoxian.png" />">
        			</div>
        			<p class="weui-grid__label">天安保险</p>
				</a>
			</div>
		</div>
	</div>
	

</div>

<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<script src="<c:url value='/plugins/jqweui/js/swiper.min.js'/>"
	type="text/javascript"></script>
<script type="text/javascript">
	$(".swiper-container").swiper({
		pagination : '.swiper-pagination',
		paginationClickable : true
	});
</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>